<template>
    <div class="i-container ">
        <Wave class="boxHight3 user-none">
        </Wave>
        <Link class="boxHight2 user-none">
        </Link>
        <Info class="boxHight1">
        </Info>
    </div>
</template>
<script lang="ts" setup>
import Info from "./info/index.vue"
import Link from "./link/index.vue"
import Wave from "./wave/index.vue"
</script>
<style lang="less" scoped>
.i-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
}

.boxHight1 {
    height: calc(100% / 3);
}

.boxHight2 {
    height: calc(100% / 3);
}

.boxHight3 {
    height: calc(100% / 3);
}
</style>
